﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="SysUsers.aspx.cs" Inherits="SysUsers" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CPH_head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="CPH_BreadCrumbs" Runat="Server">
    <ul class="breadcrumb">
        <li><i class="icon-home home-icon"></i><a href="./default.aspx">首页</a> <span class="divider">
            <i class="icon-angle-right arrow-icon"></i></span></li>
        <li><a href="#">系统管理</a> <span class="divider">
            <i class="icon-angle-right arrow-icon"></i></span></li>
        <li><a href="#">帐号管理</a> </li>
    </ul>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="CPH_Content" Runat="Server">
    <div class="page-header position-relative">
        <h1>帐号管理
							<small>
                                <i class="icon-double-angle-right"></i>
                                用于管理系统登录帐号，请谨慎操作
                            </small>
        </h1>
    </div>
    <div id="sample-table-2_wrapper" class="dataTables_wrapper" role="grid">
            <table id="sample-table-2" class="table table-striped table-bordered table-hover dataTable"
                aria-describedby="sample-table-2_info">
                <thead>
                    <tr role="row">
                        <th class="center sorting_disabled" role="columnheader" rowspan="1" colspan="1" aria-label="" style="width: 61px;">
                            <label>
                                <input type="checkbox">
                                <span class="lbl"></span>
                            </label>
                        </th>
                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2"
                            rowspan="1" colspan="1" aria-label="Domain: activate to sort column ascending"
                            style="width: 179px;">
                            登录帐号
                        </th>
                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2"
                            rowspan="1" colspan="1" aria-label="Price: activate to sort column ascending"
                            style="width: 134px;">
                            姓名
                        </th>
                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2"
                            rowspan="1" colspan="1" aria-label="Clicks: activate to sort column ascending"
                            style="width: 143px;">
                            部门
                        </th>
                        <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2"
                            rowspan="1" colspan="1" aria-label="Update	: activate to sort column ascending" style="width: 208px;">
                            E-mail
                        </th>
                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2"
                            rowspan="1" colspan="1" aria-label="Status: activate to sort column ascending"
                            style="width: 189px;">
                            联系方式
                        </th>
                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2"
                            rowspan="1" colspan="1" aria-label="Status: activate to sort column ascending"
                            style="width: 189px;">
                            最后一次登录
                        </th>
                        
                        <th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" aria-label=""
                            style="width: 159px;">
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="center">
                            <label>
                                <input type="checkbox" />
                                <span class="lbl"></span>
                            </label>
                        </td>
                        <td>
                            <a href="#">admin</a>
                        </td>
                        <td>
                            张三
                        </td>
                        <td class="hidden-480">
                            办公室
                        </td>
                        <td class="hidden-phone">
                            33012619@qq.com
                        </td>
                        <td class="hidden-480">
                            13567891234
                        </td>
                        <td class="hidden-480">
                            2014-01-10 15:30
                        </td>
                       
                        <td class="td-actions">
                            <div class="hidden-phone visible-desktop action-buttons">
                                <a class="blue" href="#"><i class="icon-zoom-in bigger-130"></i></a><a class="green"
                                    href="#"><i class="icon-pencil bigger-130"></i></a><a class="red" href="#"><i class="icon-trash bigger-130">
                                    </i></a>
                            </div>
                            <div class="hidden-desktop visible-phone">
                                <div class="inline position-relative">
                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                    </button>
                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                        <li><a href="#" class="tooltip-info" data-rel="tooltip" title="View"><span class="blue">
                                            <i class="icon-zoom-in bigger-120"></i></span></a></li>
                                        <li><a href="#" class="tooltip-success" data-rel="tooltip" title="Edit"><span class="green">
                                            <i class="icon-edit bigger-120"></i></span></a></li>
                                        <li><a href="#" class="tooltip-error" data-rel="tooltip" title="Delete"><span class="red">
                                            <i class="icon-trash bigger-120"></i></span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="CPH_Foot" Runat="Server">
    <script>
        $(document).ready(function () {
            var oTable = $('#sample-table-2').dataTable({
                //"sAjaxSource": msg,
                //"aoColumns": msg.aoColumns,
                //"aaData": msg.aaData,
                "oLanguage": {
                    "sLengthMenu": "每页_MENU_条",
                    "sZeroRecords": "没有记录",
                    "sInfo": "当前第_START_-_END_条/共_TOTAL_条",
                    "sInfoEmpty": " 0-0/共0条",
                    "sInfoFiltered": "(共搜索 _MAX_ 条)",
                    //"sPagePrevious": "上一页",
                    "sSearch": "快速搜索:"
                }
            });
            $('table th input:checkbox').on('click', function () {
                var that = this;
                $(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function () {
					    this.checked = that.checked;
					    $(this).closest('tr').toggleClass('selected');
					});

            });
        });

    </script>
</asp:Content>

